import { Icon } from '@/components/ui'

export const App = () => {
  return (
    <Icon
      size="lg"
      color="colorPalette.solid.bg"
      asChild={(props) => (
        <svg viewBox="0 0 32 32" {...props()}>
          <title>Yin and yang</title>
          <g fill="currentColor">
            <path d="M16,11.5a3,3,0,1,0-3-3A3,3,0,0,0,16,11.5Z" />
            <path d="M16.868.044A8.579,8.579,0,0,0,16,0a15.99,15.99,0,0,0-.868,31.956A8.579,8.579,0,0,0,16,32,15.99,15.99,0,0,0,16.868.044ZM16,26.5a3,3,0,1,1,3-3A3,3,0,0,1,16,26.5ZM16,15A8.483,8.483,0,0,0,8.788,27.977,13.986,13.986,0,0,1,16,2a6.5,6.5,0,0,1,0,13Z" />
          </g>
        </svg>
      )}
    />
  )
}
